<template>
  <h1>父组件</h1>
  <!-- 2. 使用组件 -->
  <article-com :message="msg" 
  :num="100"
  :arr="arr"
  :fun="f">
  </article-com>
  <button @click="msg='AAA'">点击修改数据</button>
</template>
<!-- // setup作为script的属性 是 setup函数的语法糖 -->
<script setup>
// 1. 引入组件
import ArticleCom from './components/ArticleCom.vue';
import  {ref} from 'vue'
// 3. 创建变量并传参
let msg = ref("我是数据")
let arr = ref([1,2,3,4])
const f = (rag)=>{
  arr.value.push(rag)
}

</script>
<script>
export default {
name: 'App',
}
</script>
